

import Vue from 'vue'
import Vuex from 'vuex'
// 以插件形式注册到vue中
Vue.use(Vuex)
// 创建store实例
const store = new Vuex.Store({
    state:{
        count:11
    },
    // mutations负责同步调用
    mutations:{
        add(state,payload){
            console.log(state,payload)
            state.count += payload
        }
    },
    // actions负责异步操作，通过dispatch调用
    actions:{
        asyncAdd(store,data){
           console.log(store,data)
           setTimeout(() => {
            store.commit('add',data)
           }, 1000);
        }
    },
    getters:{
        doubleCount(state){
            return state.count * 2
        }
    }
})

export default store